<template>
    <div class="main">
        <div class="health-menu">
            <span class="title">科普知识</span>
        </div>
        <div class="health-menu">
            <span class="title">中药常识</span>
        </div>
        <div class="health-menu">
            <span class="title">历史名方</span>
        </div>
        <div class="health-menu">
            <span class="title">国医话健康</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Menu"
    }
</script>

<style>
    .health-menu {
        background: url("../../assets/images/u22.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        font-size: /*0.95rem;*/ 15px;
        padding: 9px 0px;
        margin: 10px 10px 20px 0px;
        text-align: center;
        display: inline-block;
        min-width: 110px;
    }
    .main{

    }
    .title{
        text-decoration: none;
        color: #775637;
    }
</style>